<template>
  <div style="height: 700px;background: #020721;">
    <Device3d
      ref="Device3d"
      :capacity="192"
      :face-list="faceList"
      @portClick="portClick"
    />
  </div>
</template>
<script>
  import Device3d from './components/Device3d.vue'
  import faceList from './assets/data.js'
  export default {
    components: {
      Device3d
    },
    data() {
      return {
        faceList: faceList
      }
    },
    methods: {
      // 端口点击事件
      portClick(selectedPort) {
        console.log(selectedPort)
      }
    }
  }
</script>
